<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Me校园管理系统</title>
</head>

<body>
	<!-- 
	<div style="word-break:break-all;">
		<span
			style="display:inline-block">sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss</span>
	</div>
	<div>
		<div style="float:left;height:100px;width:100px;border:1px solid green"></div>

		<div style="float:left;height:100px;width:100px;border:1px solid blue"></div>

	</div>
	<span class="radius"></span>
	<div style="position:relative;height:100px">
		<div style="position:absolute;height:100px;width: 20px;outline: 1px #4169E1 solid;"></div>
	</div>
	<div>

		<div class="content">
			<div class="img"></div>
			<div class="right">
				<h2>标题</h2>
				<p class="file">电影院</p>
				<p class="seat">介绍</p>
				<span class="date">日期</span>
			</div>
			<div style="background:yellow;height:170px">xxxxxxxxxxxxxxxx</div>
		</div>
		<div style="background:green;height:200px;"></div>
		<style>
			.content .img {
				width: 200px;
				height: 150px;
				background-color: red;
				float: left;
			}

			.content .right {
				height: 160px;
				width: 200px;
				background-color: blue;
				overflow: auto;
			}

			.content .right * {
				/* 这里就偷懒 ，去掉了相关的补白让页面高度一致 */
				margin: 0;
				padding: 0;
			}
		</style>
	</div>
	<style>
		.radius {
			width: 50px;
			height: 50px;
			line-height: 100px;
			display: block;
			text-align: center;
			background-image: radial-gradient(200px at 50px 0px, #fff 50px, #4169E1 50px);
		}
	</style>
	<script>
		var permission = { "code": "SUCCESS", "msg": "成功", "data": [{ "id": "100000", "uid": "1", "parentId": "0", "name": "首页", "type": "1", "icon": "iconfont icon-homepage", "link": "/index", "children": [], "selected": false }, { "id": "100001", "uid": "1", "parentId": "0", "name": "集团管理", "type": "1", "icon": "iconfont icon-jituanguanli", "link": "/groupmanage", "children": [{ "id": "10000101", "uid": "1", "parentId": "100001", "name": "创建集团", "type": "2", "icon": "icon", "children": [], "selected": false }, { "id": "10000102", "uid": "1", "parentId": "100001", "name": "编辑", "type": "2", "icon": "icon", "children": [], "selected": false }, { "id": "10000103", "uid": "1", "parentId": "100001", "name": "删除", "type": "2", "icon": "icon", "children": [], "selected": false }], "selected": false }, { "id": "100010", "uid": "1", "parentId": "0", "name": "机构管理", "type": "1", "icon": "icon-school iconfont", "link": "/institutional", "children": [{ "id": "10001001", "uid": "1", "parentId": "100010", "name": "查询", "type": "2", "children": [], "selected": false }, { "id": "10001002", "uid": "1", "parentId": "100010", "name": "新增", "type": "2", "children": [], "selected": false }, { "id": "10001003", "uid": "1", "parentId": "100010", "name": "修改", "type": "2", "children": [], "selected": false }, { "id": "10001004", "uid": "1", "parentId": "100010", "name": "删除", "type": "2", "children": [], "selected": false }], "selected": false }, { "id": "100002", "uid": "1", "parentId": "0", "name": "学校管理", "type": "1", "icon": "iconfont icon-school", "link": "/schoolmanage", "children": [{ "id": "10000201", "uid": "1", "parentId": "100002", "name": "创建学校", "type": "2", "icon": "icon", "link": "", "children": [], "selected": false }, { "id": "10000202", "uid": "1", "parentId": "100002", "name": "导出学校", "type": "2", "icon": "icon", "link": "", "children": [], "selected": false }, { "id": "10000203", "uid": "1", "parentId": "100002", "name": "查看", "type": "2", "icon": "icon", "children": [], "selected": false }, { "id": "10000204", "uid": "1", "parentId": "100002", "name": "编辑", "type": "2", "icon": "icon", "children": [], "selected": false }], "selected": false }, { "id": "100003", "uid": "1", "parentId": "0", "name": "用户数据", "type": "1", "icon": "iconfont icon-users", "link": "", "children": [{ "id": "10000301", "uid": "1", "parentId": "100003", "name": "学生数据", "type": "1", "icon": "icon", "link": "/studentdata", "children": [{ "id": "1000030101", "uid": "1", "parentId": "10000301", "name": "新增", "type": "2", "children": [], "selected": false }, { "id": "1000030102", "uid": "1", "parentId": "10000301", "name": "编辑", "type": "2", "children": [], "selected": false }, { "id": "1000030103", "uid": "1", "parentId": "10000301", "name": "查询", "type": "2", "children": [], "selected": false }], "selected": false }, { "id": "10000302", "uid": "1", "parentId": "100003", "name": "教职工数据", "type": "1", "icon": "icon", "link": "/facultydata", "children": [{ "id": "1000030201", "uid": "1", "parentId": "10000302", "name": "新增", "type": "2", "children": [], "selected": false }, { "id": "1000030202", "uid": "1", "parentId": "10000302", "name": "编辑", "type": "2", "children": [], "selected": false }, { "id": "1000030203", "uid": "1", "parentId": "10000302", "name": "查询", "type": "2", "children": [], "selected": false }], "selected": false }, { "id": "10000303", "uid": "1", "parentId": "100003", "name": "家长数据", "type": "1", "icon": "icon", "link": "/parentdata", "children": [{ "id": "1000030301", "uid": "1", "parentId": "10000303", "name": "新增", "type": "2", "children": [], "selected": false }, { "id": "1000030302", "uid": "1", "parentId": "10000303", "name": "编辑", "type": "2", "children": [], "selected": false }, { "id": "1000030303", "uid": "1", "parentId": "10000303", "name": "查询", "type": "2", "children": [], "selected": false }, { "id": "1000030304", "uid": "1", "parentId": "10000303", "name": "删除", "type": "2", "children": [], "selected": false }], "selected": false }], "selected": false }, { "id": "100004", "uid": "1", "parentId": "0", "name": "运维管理", "type": "1", "icon": "iconfont icon-yunwei", "link": "", "children": [{ "id": "10000401", "uid": "1", "parentId": "100004", "name": "app启动页", "type": "1", "link": "/oprandmts/appstart", "children": [{ "id": "1000040101", "uid": "1", "parentId": "10000401", "name": "查询", "type": "2", "children": [], "selected": false }, { "id": "1000040102", "uid": "1", "parentId": "10000401", "name": "编辑", "type": "2", "children": [], "selected": false }, { "id": "1000040103", "uid": "1", "parentId": "10000401", "name": "新增", "type": "2", "children": [], "selected": false }, { "id": "1000040104", "uid": "1", "parentId": "10000401", "name": "删除", "type": "2", "children": [], "selected": false }], "selected": false }, { "id": "10000404", "uid": "1", "parentId": "100004", "name": "轮播图管理", "type": "1", "link": "/oprandmts/carouselmap", "children": [{ "id": "1000040401", "uid": "1", "parentId": "10000404", "name": "查询", "type": "2", "children": [], "selected": false }, { "id": "1000040402", "uid": "1", "parentId": "10000404", "name": "删除", "type": "2", "children": [], "selected": false }, { "id": "1000040403", "uid": "1", "parentId": "10000404", "name": "新增", "type": "2", "children": [], "selected": false }], "selected": false }, { "id": "10000403", "uid": "1", "parentId": "100004", "name": "短信套餐管理", "type": "1", "link": "/oprandmts/smstab", "children": [{ "id": "1000040301", "uid": "1", "parentId": "10000403", "name": "短信套餐管理", "type": "2", "link": "", "children": [{ "id": "100004030101", "uid": "1", "parentId": "1000040301", "name": "创建套餐", "type": "2", "children": [], "selected": false }, { "id": "100004030102", "uid": "1", "parentId": "1000040301", "name": "编辑", "type": "2", "children": [], "selected": false }, { "id": "100004030103", "uid": "1", "parentId": "1000040301", "name": "删除", "type": "2", "children": [], "selected": false }], "selected": false }, { "id": "1000040302", "uid": "1", "parentId": "10000403", "name": "短信充值订单", "type": "2", "link": "", "children": [{ "id": "100004030201", "uid": "1", "parentId": "1000040302", "name": "退款", "type": "2", "children": [], "selected": false }, { "id": "100004030202", "uid": "1", "parentId": "1000040302", "name": "核销", "type": "2", "children": [], "selected": false }, { "id": "100004030203", "uid": "1", "parentId": "1000040302", "name": "查询", "type": "2", "children": [], "selected": false }], "selected": false }], "selected": false }, { "id": "10000402", "uid": "1", "parentId": "100004", "name": "通知管理", "type": "1", "link": "/oprandmts/notice", "children": [{ "id": "1000040201", "uid": "1", "parentId": "10000402", "name": "新增", "type": "2", "children": [], "selected": false }, { "id": "1000040203", "uid": "1", "parentId": "10000402", "name": "查询", "type": "2", "children": [], "selected": false }, { "id": "1000040204", "uid": "1", "parentId": "10000402", "name": "删除", "type": "2", "children": [], "selected": false }], "selected": false }], "selected": false }, { "id": "100009", "uid": "1", "parentId": "0", "name": "资讯管理", "type": "1", "icon": "icon-caidan_zixunguanli  iconfont", "link": "", "children": [{ "id": "10000901", "uid": "1", "parentId": "100009", "name": "资讯管理", "type": "1", "link": "/info/informationManagement", "children": [{ "id": "1000090101", "uid": "1", "parentId": "10000901", "name": "添加资讯", "type": "2", "children": [], "selected": false }, { "id": "1000090102", "uid": "1", "parentId": "10000901", "name": "评论列表", "type": "2", "children": [], "selected": false }], "selected": false }, { "id": "10000902", "uid": "1", "parentId": "100009", "name": "栏目管理", "type": "1", "link": "/info/columnManage", "children": [{ "id": "1000090201", "uid": "1", "parentId": "10000902", "name": "分类管理", "type": "1", "children": [], "selected": false }], "selected": false }], "selected": false }, { "id": "100006", "uid": "1", "parentId": "0", "name": "日志管理", "type": "1", "icon": "iconfont icon-rizhi", "link": "/logs", "children": [{ "id": "10000601", "uid": "1", "parentId": "100006", "name": "查询", "type": "2", "children": [], "selected": false }], "selected": false }, { "id": "100007", "uid": "1", "parentId": "0", "name": "版本管理", "type": "1", "icon": "iconfont icon-banben", "link": "/versions", "children": [{ "id": "10000701", "uid": "1", "parentId": "100007", "name": "查询", "type": "2", "children": [], "selected": false }, { "id": "10000702", "uid": "1", "parentId": "100007", "name": "新增", "type": "2", "children": [], "selected": false }], "selected": false }, { "id": "100008", "uid": "1", "parentId": "0", "name": "系统管理", "type": "1", "icon": "iconfont icon-xitongguanli", "link": "/system", "children": [{ "id": "10000801", "uid": "1", "parentId": "100008", "name": "新增", "type": "2", "children": [], "selected": false }, { "id": "10000802", "uid": "1", "parentId": "100008", "name": "编辑", "type": "2", "children": [], "selected": false }, { "id": "10000803", "uid": "1", "parentId": "100008", "name": "删除", "type": "2", "children": [], "selected": false }, { "id": "10000804", "uid": "1", "parentId": "100008", "name": "查询", "type": "2", "children": [], "selected": false }], "selected": false }, { "id": "100011", "uid": "1", "parentId": "0", "name": "启若中心", "type": "1", "icon": "icon-zhongxin iconfont", "link": "", "children": [{ "id": "10001101", "uid": "1", "parentId": "100011", "name": "常见问题", "type": "1", "link": "/qiruohome/problem", "children": [], "selected": false }], "selected": false }] }
		var btns = {};
		function decal(arr, nos) {
			arr && arr.forEach(function ({ id, name, link, children }) {
				console.log(id, name, link || "")
				decal(children, true);
				!nos && console.log("====>")
			})
		}
		//decal(permission.data)

		var data = permission.data;
		setPagePermission(permission.data)
		function setPagePermission(permission) {
			let path = "/oprandmts/smstab";
			permission && permission.forEach(permission => {
				if (permission.link === path) {
					return getChildPermission(permission.children)
				}
				if (permission.type == 1 && !permission.link) {
					this.setPagePermission(permission.children)
				}
			})
		}

		function getChildPermission(_btns) {
			_btns.forEach(bt => {
				btns[bt.id] = true;

				bt.children && getChildPermission(bt.children)

			});
		}

	</script>
	<script>
		'use strict';

		function some() {

			function okay() {
			}

			let x = 1;

			function no_problem() {
			}

			if (x == 1) {

				function BOOM() {   // <- wrong!
				}
			}
		}</script> -->

	<div class="inner">

	</div>
	<style>
		.inner {
			width: 100px;
			height: 50px;
			background-color: aqua;
			background-position-y: -50px;
			transition: background .5s;
		}

		.inner:hover {
			background-image: linear-gradient(0, #000, #000);
			background-size: 100% 100%;
			background-repeat: no-repeat;
			background-position-y: 0;
			
		}
	</style>
</body>

</html>
<script>
</script>